<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width" />
<title>刮刮卡</title>
<style type="text/css">
	body{
		background:#F3F3F3;
	}
	#scratch_bg{
		background:url(bg.jpg);
		background-size:100%;
		width:300px;
		height:300px;
		
		margin:80px auto;
	}
	
	#scratch_zone{
		width:200px;
		height:290px;
		margin:0px auto;
		border:5px solid #EEEEEE;
	}
</style>
<script type="text/javascript" src="scratch.js"></script>
</head>
<body>

<div id="scratch_bg">
	<div id="scratch_zone"></div>
</div>
<script type="text/javascript">
	
	var scratch = new Scratch({
		wrapper: document.getElementById("scratch_zone"),
		maskLayerImage:"mask_layer.jpg",
		radius : 10
	});
	
	scratch.start();
	
	
	
</script>
</body>
</html>
